<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Pesquisa de Contas</title>
        <link href="../css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <link href="../css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/backgroud-digipao.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div id="fundo-externo">
            <div id="fundo">
                <img src="../images/zoom-bg-1.jpg" alt=""/>
            </div>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center margin-top-20">
            <h1 class="templatemo-site-title">
                <img src="../images/digipao100714-2115100714-2117.png" alt=""/>
                <h2>Pesquisa de Contas</h2>    
            </h1>
        </div>

        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 margin-top-20">
            <div class="container-fluid container panel panel-default">
                <table class="table table-hover table-striped"> 
                    <tr>
                        <td><label for="nomeConta" id="nomeContaLabel">Nome da Conta</label></td>
                        <td><input type="text" id="nomeConta" placeholder="Nome da Conta"></td> 
                    </tr>
                    <tr>
                        <td><label for="tipoConta" id="tipoContaLabel">Tipo da Conta:</label></td>
                        <td>
                            <select id="tipoConta" class="dropdown-header">
                                <option value="0">À receber</option> 
                                <option value="1">À pagar</option> 
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td><label for="dataCadastro" id="dataCadastroLabel">Data do Cadastro:</label></td>
                        <td><input type="date" id="dataCadastro" class="form-horizontal"></td> 
                    </tr>

                    <tr>
                        <td><label for="dataVencimento" id="dataVencimentoLabel">Data do Vencimento</label></td>
                        <td><input type="date" id="dataVencimento" class="form-horizontal"></td> 
                    </tr>

                    <tr>
                        <td><label for="dataPagamento" id="dataPagamentoLabel">Data do Pagamento</label></td>
                        <td><input type="date" id="dataPagamento" class="form-horizontal"></td> 
                    </tr>
                </table>

                <div class="text-right">
                    <button class="btn-success" type="submit">Pesquisar</button>
                     <button class="btn-danger" type="submit" onClick="parent.location='/Digipao/media/jsp/menuPesquisar.jsp'">Cancelar</button>
                </div>
            </div>
        </div>
    </body>
</html>
